<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link  rel="stylesheet" type="text/css" href="/Public/css/bootstrap.min.css" />
    <script type="text/javascript" src="/Public/js/jquery-3.1.1.js"></script>
    <script type="text/javascript" src="/Public/js/bootstrap.js"></script>
    <script type="text/javascript" src="/Public/js/layer.js"></script>
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>小强博客</title>
    <style type="text/css">
        a:hover{
            text-decoration:none;
        }
         p{
            height: 60px;
            overflow: hidden;
        }
        .nav-tabs{
            border-bottom: 0px;
        }
        .nav-tabs li a{
            float: left;
            border-radius: 0;
            margin-right: 0;
            color:#3985BF;
        }
        .navbar{
            margin-bottom: 0;
        }
        .nav-tabs li a:hover{
            color:#5386C8;
        }
    </style>
</head>
<nav class="navbar navbar-default ">
    <div class="container">
        <ul class="nav nav-tabs">
            <li class=""><a href="<?php echo U('Index/index');?>" class="active" >首页 </a></li>
            <?php if(is_array($navs)): foreach($navs as $key=>$n): ?><li class=""><a href="<?php echo U($n['url']);?>"><?php echo ($n['name']); ?></a></li><?php endforeach; endif; ?>
        </ul>
    </div>
</nav>
<style type="text/css">
    .info-content{
        height:150px;
        padding-top:0;
    }
    #category{
        margin-top:30px;
        padding-right: 0px;
    }
    .nav-tabs{
        border-bottom: 0px;
    }
    .pagination li a{
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #fff;
        border: 1px solid #ddd;
    }
    .pagination li span{
        position: relative;
        float: left;
        padding: 6px 12px;
        margin-left: -1px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: #00a0e9;
        border: 1px solid #ddd;
    }
    #title{
        font-size: 15px;
        margin-bottom: 5px;
    }
    #title a{
        color:#3985BF;
    }
    #title a:hover{
        color:#2067BC;
    }
    #main_row{
        margin-top: 40px;
        border-bottom:1px solid antiquewhite;
        padding-bottom: 2px;
    }
</style>
<!--导航条结束-->
<!--内容列表开始-->
<div id="main" class="container">
    <div class="row">
        <div class="col-md-8" >
            <div class="container-fluid">
                <div class=" row info-content">
                    <?php if($articles): if(is_array($articles)): foreach($articles as $key=>$c): ?><div class="col-md-12" id="main_row">
                            <div id="title" class="col-md-12">
                                <a href="<?php echo U('Index/view',array('aid'=>$c['aid']));?>"><?php echo ($c['title']); ?></a>
                            </div>
                            <div class="col-md-3" style="padding:0;">
                                <a href="<?php echo U('Index/view',array('aid'=>$c['aid']));?>">
                                    <img src="/<?php echo ($c['thumb']); ?>" class="img-responsive"></a>
                            </div>
                            <div class="col-md-9">
                                <p class="content"><?php echo ($c['description']); ?></p></div>
                            <div class="content-status col-md-9 col-sm-12 col-xs-12">
                                <span>&nbsp;&nbsp;&nbsp;&nbsp;<span class="glyphicon glyphicon-time"></span>&nbsp;<?php echo (date(('Y-m-d'),$c['add_time'])); ?></span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <span ><span class="glyphicon glyphicon-eye-open"></span>&nbsp;<?php echo ($c['click']); ?></span>
                            </div>
                        </div><?php endforeach; endif; ?>
                    <?php else: ?>
                    <div class="alert alert-warning">这个分类里面暂时没有内容！</div><?php endif; ?>
                </div>

            </div>
            <!--分页部分-->
            <div class="text-center">
                <nav aria-label="Page navigation">
                    <ul class="pagination">
                        <li><?php echo ($page); ?></li>
                    </ul>
                </nav>
            </div>
        </div>
        <div class="col-md-3  col-md-push-1" id="category" >
            <div style="font-size: 15px;margin-bottom: 10px;border-bottom: 1px solid bisque;">所有分类</div>
<?php echo W('Home/get_all_categorys');?>
<div style="font-size: 15px;border-bottom: 1px solid bisque;clear: left;
            margin-bottom: 15px;margin-top: 20px;">所有标签</div>
<?php echo W('Home/get_all_tags');?>
        </div>
    </div>
    <!--//脚部开始-->
</div>
<div class="panel-footer" id="footer">
          <div class="container">
              <div class="col-md-5 col-md-push-1 span">
        <span style="margin-left: 50px;"> 友情链接：</span>
        <a href="http://www.hurrasport.com" target="_blank" >乌拉体育</a>&nbsp;&nbsp;
        <a href="http://www.oyghanbeg.com" target="_blank">启蒙博客</a>
        <br>
        <span style="margin-left:-35px;">Developed By kuchlen,Powered By ThinkPHP and Bootstrap</span><br>
        <span class="col-md-offset-2">版权所有，违反必究！</span>
              </div>
              <div class="col-md-2">
                  <img src="/Public/img/weixin.png" class="img-responsive tou"  >
              </div>
              <div class="col-md-2 ">
                  <img src="/Public/img/qq.jpg" class="img-responsive tou">
              </div>
          </div>
</div>
</body>
</html>
<style>
    #footer{
        font-size: 13px;
        color: white;
        background-color: #2a363c;
        border-radius: inherit;
    }
    .span{
        margin-top: 35px;
    }
    .tou{
        width:100px;
        height:100px;
    }
</style>